<?xml version='1.0' encoding='UTF-8' ?>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>
            <ui:insert name="title">
            </ui:insert>
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
        <link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/res/css/bootstrap/smoothness/jquery-ui-1.10.0.custom.css" type="text/css" ></link>
        <link href="${facesContext.externalContext.requestContextPath}/res/css/bootstrap/bootstrap.min.css" rel="stylesheet" media="screen" ></link>
        <!--<script src="${facesContext.externalContext.requestContextPath}/res/js/jquery-1.10.2.min.js"></script>-->
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jquery-ui-1.10.0.custom.js"></script>
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jquery.bpopup.min.js" type="text/javascript"></script>

        <script src="${facesContext.externalContext.requestContextPath}/res/js/scripts.js"></script>
        <link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/res/css/style.css" type="text/css"></link>
        <!--bpopup-->
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jquery.bpopup.min.js" type="text/javascript"></script>
        <script src="${facesContext.externalContext.requestContextPath}/res/js/bootstrap.min.js"></script>
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jcarousellite_1.0.1.min.js"></script>
        <script type="text/javascript" src="../resources/js/jquery.scrollbox.js"></script>

        <!--<script src="${facesContext.externalContext.requestContextPath}/res/js/jquery-1.10.2.min.js"></script>-->
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jquery-ui-1.10.0.custom.js"></script>



        <script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/res/js/userdefine.js">

        </script>
        <ui:insert name="head">

        </ui:insert>
    </h:head>
    <h:body onload="loadholder();" >
        <div class="my-fluid-container border1">

            <nav class="navbar navbar-default" role="navigation">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <h:form>
                        <h:commandLink styleClass="navbar-brand" value="SRC College" action="user-index" />
                    </h:form>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <h:form>
                        <ul class="nav navbar-nav">
                            <li>
                                <h:commandLink value="Home"
                                               action="user-index" />
                            </li>
                            <li>
                                <h:commandLink value="Events"
                                               action="user-event" />
                            </li>
                            <li>
                                <h:commandLink value="Exam Results"
                                               action="user-result" />
                            </li>
                            <li>
                                <h:commandLink value="Register"
                                               action="user-register" />
                            </li>

                        </ul>
                    </h:form>
                    <h:form class="navbar-form navbar-left" >
                        <div class="form-group">
                            <h:inputText styleClass="form-control" alt="Search" />
                        </div>
                        <h:commandButton type="submit" styleClass="btn btn-default" value="Search" />
                    </h:form>
                    <h:form>
                        <ul class="nav navbar-nav navbar-right">

                            <h:panelGroup rendered="#{abstractUIBean.currentAccount != null}">
                                <li><img width="30" height="30" src="${facesContext.externalContext.requestContextPath}/#{abstractUIBean.currentAccount.image}" />

                                    Signed at #{abstractUIBean.currentAccount.userName} (#{abstractUIBean.currentAccount.fullName})</li>
                            </h:panelGroup>
                        </ul>
                    </h:form>
                </div><!-- /.navbar-collapse -->
            </nav>
            <!--<div class="row" style="background-image: url(${facesContext.externalContext.requestContextPath}/res/img/carousel/img1.jpg); height: 100px;" ></div>-->
            <div class="row" id="top-panel" >
                <h:form>
                    <div class="col-2 col-lg-2 col-sm-2">
                        <h:commandLink action="user-index">
                            <span id="top_logo"></span>
                        </h:commandLink>

                    </div>

                    <div class="page-header style1">
                        <!--                        <span><h1 class="page-header">SRC</h1></span>
                                                <h1><span class="logo_text" style="z-index: 5;"> </span> <small>College</small></h1>-->
                    </div>
                    <div class="col-3 col-sm-3 col-lg-3"></div>
                    <div class="col-6 col-lg-6 col-sm-6 alert alert-warning">
                        <ul class="nav nav-pills nav-justified">
                            <li><h:commandLink value="Home" action="user-index" /> </li>
                            <li><h:commandLink value="Personal" action="#{login.profile}" /></li>
                            <li><h:commandLink value="Message" action="staffinbox" /></li>
                            <li>
                                <h:commandLink value="Login" action="userlogin" rendered="#{abstractUIBean.currentAccount == null}" />
                                <h:commandLink value="Logout" action="#{login.logout()}" rendered="#{abstractUIBean.currentAccount != null}" />
                            </li>
                        </ul>
                    </div>
                </h:form>
            </div>
            <div class="row" id="middle-panel">

                <!--<div class="col-7 col-sm-8 col-lg-8" style="">-->
                <ui:insert name="content">

                </ui:insert>

                <!--</div>-->

            </div>
            <div class="row" id="bottom-panel">
                <div class="page-header"></div>
                Home Register
            </div>

        </div>


    </h:body>
</html>

